<div class="sys-title">
  <h2>用户管理</h2>
</div>
<style>
  #ipVerify .icon-add-circle,.icon-cancel{
    display: none;
  }
</style>
<div class="sys-content">
  <div class="col-3 userleft">
    <ul id="depart" class="ztree box"></ul>
  </div>
  <div class="col-9 userright">
    <div class="col-left" style="height:auto;">
      <div class="toolsbar">
        <h3 class="small-title">用户列表</h3>
        <div class="search">
          <ul>
            <li><span>选择角色：</span>
              <select id="roleList"></select>
            </li>
            <li><span>状态：</span>
              <select id="userStatus"><option value="">--请选择--</option><option value="1">正常</option><option value="0">停止</option></select>
            </li>
            <li><span>关键字检索：</span><input class="input" type="text" id="search"></li>
            <li><button class="btn"><i class="icon-search"></i>搜索</button></li>
          </ul>
        </div>
      </div>
      <table class="table table-striped">
        <thead>
          <tr>
            <th>序号</th>
            <th>用户名称</th>
            <th>角色</th>
            <th>真实姓名</th>
            <th>性别</th>
            <th>联系电话</th>
            <th>电子邮箱</th>
            <th>所在单位</th>
            <th>职务</th>
            <th>状态</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody id="userList">
        </tbody>
      </table>

      <div class="footbar">
        <div class="btns">
          <a href="javascript:void(0);" class="btn btnadd"><i class="icon-vpn-key"></i>添加新用户</a>
          <!--<a href="javascript:void(0);" class="btn"><i class="icon-file-excel"></i>批量导入</a>-->
          <a href="javascript:void(0);" class="btn" id="deleteList" style="display: none"><i class="icon-trashcan"></i>批量删除</a>
        </div>
        <div class="page">
        </div>
      </div>
    </div>
    <div class="col-right" id="panel_edite" style="margin:0;display: none">
      <h3 class="small-title" id="e1">添加新用户</h3>
      <div class="form-box">
        <div class="col-6">
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>登录名称：</div>
            <div class="form-content"><input class="input" type="text" id="e2" disabled></div>
          </div>
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>登录密码：</div>
            <div class="form-content"><input class="input" type="password" id="password" disabled></div>
          </div>
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>真实姓名：</div>
            <div class="form-content"><input class="input" type="text" id="e3" disabled></div>
          </div>
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>性别：</div>
            <div class="form-content" id="sex">
              <label><input  type="radio" name="user_sex" data-sex="0">女</label>
              <label><input type="radio" checked="true" name="user_sex" data-sex="1">男</label>
            </div>
          </div>
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>联系电话：</div>
            <div class="form-content"><input class="input" type="text" id="e5" disabled></div>
          </div>
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>验证方式：</div>
            <div class="form-content">
              <div class="checkboxlist">
                <ul>
                  <li><label><input class="input checkboxin" type="checkbox" checked disabled>密码验证</label></li>
                  <!--<li><label><input class="input checkboxin" name="verifyType" id="phoneVerify" type="checkbox" value="1">手机验证</label></li>-->
                  <li><label><input class="input checkboxin" name="verifyType" type="checkbox" id="ipchk" value="2" disabled>IP验证</label></br>
                    <div id="ipVerify">
                      <!-- <p><span><input class="input checkboxte" type="text" placeholder="起始IP">.<input class="input checkboxte" type="text" placeholder="结束IP"></span><i class="icon-add-circle"></i></p>
                      <p><span><input class="input checkboxte" type="text" placeholder="起始IP">.<input class="input checkboxte" type="text" placeholder="结束IP"></span><i class="icon-cancel"></i></p> -->
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="form-item">
            <div class="form-title">电子邮箱：</div>
            <div class="form-content"><input class="input" type="text" id="e6" disabled></div>
          </div>
          <div class="form-item" id="staus" style="display:none">
            <div class="form-title">用户状态：</div>
            <div class="form-content">
              <label><input checked="true" type="radio" name="staus" data-status="1" disabled>正常</label>
              <label><input type="radio" name="staus" data-status="0" disabled>停止</label>
              </div>
          </div>

          <div class="form-item">
            <div class="form-title">备注：</div>
            <div class="form-content"><textarea class="input" id="e7" disabled></textarea></div>
          </div>
        </div>
        <div class="col-6">
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>所在单位：</div>
            <div class="form-content">
              <select id="departList"></select>
            </div>
          </div>
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>职务：</div>
            <div class="form-content">
              <select id="positionList"></select>
            </div>
          </div>
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>用户角色：</div>
            <div class="form-content">
              <ul id="role" class="ztree input"></ul>
            </div>
          </div>
          <div class="form-item form-btn">
            <button class="btn" id="add">保存</button>
            <button class="btn" id="modify" style="display: none;">保存</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="scripts/app/mz/user/user.js"></script>